


.yellow1{
	color: #FFBB33;
}
.yellow2{
	color: #087839;
}
.container{
	background: #F8F8F8;
	width: 100%;
}
.tab{
	width: 100%;
	/* height: 80rpx; */
}
.tab-fixed{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #ffffff;
	z-index: 100000;
	box-shadow: 0px 4rpx 14rpx rgba(0, 0, 0, 0.08);
	transition: height .3s;
	-moz-transition: height .3s;
	-webkit-transition: height .3s;
	-o-transition: height .3s;
}
.content{
	padding: 32rpx;
	margin-bottom: 5rpx;
}

.order-box{
	
}
.receive-date{
	width: 610rpx;
	height: 60rpx;
	background: rgba(211,214,211,0.2);
	border-radius: 24rpx 24rpx 0px 0rpx;
	font-size: 24rpx;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 60rpx;
	color: #555756;
	text-align: center;
	margin: 0 auto;
}
.order-list{
	background: #FFFFFF;
	border-radius: 24rpx;
	
}
.order-item{
	margin-bottom: 32rpx;
}
.receiver{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20rpx 24rpx;
	border-bottom: 1rpx solid #E5E9E5;
}
.receiver .left{
	display: flex;
	align-items: center;
	justify-content: center;
}
.receiver text{
	font-size: 24rpx;
	font-family: PingFang SC;
}
.receiver .name{
	width: 200rpx;
	font-size: 28rpx;
	font-family: PingFang SC;
	font-weight: 800;
	color: #323332;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.receiver image{
	width: 30rpx;
	height: 30rpx;
	margin-left: 24rpx;
}
.goods-box{
	padding: 0 24rpx;
	position: relative;
}
.goods{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20rpx;
	height: 80rpx;
	overflow: hidden;
}

.img-list{
	/* flex: 1; */
	/* display: flex; */
	position: relative;
	height: 80rpx;
	width: 80rpx;
	margin-right: 12rpx;
	
}

/* .goods */

.img-list image{
	width: 80rpx;
	height: 80rpx;
	/* position: absolute; */
	/* left: 0; */
	/* top: 0; */
	margin-right: 12rpx;
}

.goods .mask{
	width: 80rpx;
	height: 80rpx;
	background: rgba(2, 2, 20, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	line-height: 80rpx;
	text-align: center;
}

.goods .more1{
	width: 106rpx;
    height: 56rpx;
    /* margin-left: 16rpx; */
    line-height: 56rpx;
    display: block;
    float: left;
}
.goods .more{
	width: 41rpx;
    height: 49rpx;
    margin-left: 6rpx;
} 
.goods .number{
	font-size: 28rpx;
	font-family: PingFang SC;
	font-weight: 400;
	color: #838583;
}
.money{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 24rpx;
	font-family: PingFang SC;
	font-weight: 400;
	color: #A0A2A0;
	padding: 20rpx 0;
	border-bottom: 1rpx solid #E5E9E5;
}
.money .pay-fee{
	color:#F24848;
}
.money .red{
	color:#F24848;
}

.handle{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 24rpx;
	font-family: PingFang SC;
	font-weight: 400;
	color: #838583;
	padding: 28rpx 0;
}
.handle .del-btn{
	width: 132rpx;
    height: 60rpx;
    -webkit-border-radius: 18px;
    border-radius: 34rpx;
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 60rpx;
    color: #ffffff;
    text-align: center;
    background: #FF892E;
}
.handle .pay-btn{
	width: 160rpx;
	height: 60rpx;
	background: #FFBB33;
	box-shadow: 0rpx 6rpx 12rpx rgba(227, 144, 19, 0.44);
	border-radius: 34rpx;
	line-height: 60rpx;
	font-size: 28rpx;
	font-family: PingFang SC;
	font-weight: 800;
	color: #323332;
	text-align: center;
}
.handle .take-btn{
	width: 160rpx;
	height: 60rpx;
	background:#087839;
	box-shadow: 0px 6rpx 12rpx rgba(8, 120, 57, 0.44);
	/* box-shadow: 0rpx 6rpx 12rpx rgba(227, 144, 19, 0.44); */
	border-radius: 34rpx;
	line-height: 60rpx;
	font-size: 28rpx;
	font-family: PingFang SC;
	font-weight: 800;
	color: #FFFFFF;
	text-align: center;
}
.handle .btn{
	width: 188rpx;
	height: 60rpx;
	background: #FFBB33;
	box-shadow: 0rpx 6rpx 12rpx rgba(227, 144, 19, 0.44);
	border-radius: 34rpx;
	font-size: 28rpx;
	font-family: PingFang SC;
	font-weight: 800;
	line-height: 60rpx;
	text-align: center;
	color: #323332;
}
.no-data {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
}
.no-data image {
    width: 400rpx;
    height: 400rpx;
}
.status-icon{
	position: absolute;
	bottom: 80rpx;
	right: 120rpx;
	/* width: 280rpx;
	height: 200rpx; */
}
.status-icon image{
	width: 260rpx;
	height: 180rpx;
}